<template>
	<view class="i-notData" style="height: 400rpx">
		<view v-if="!notType" class="data">
			<image src="../../static/images/null_icon.png" mode="widthFix"></image>
			<text>这里空空如也</text>
		</view>
		<view v-else-if="notType === 'staff'" class="data">
			<image src="../../static/images/client_icon.png" mode="widthFix"></image>
			<view class="text">
				<text>通过手机号搜索用户，添加为员工账号，</text>
				<text>员工账号可为车店订单进行核销</text>
			</view>
		</view>
		<view v-else-if="notType === 'order'" class="data">
			<image style="width: 160rpx; height: 160rpx;" src="../../static/images/nullicon@2x.png" mode="widthFix"></image>
			<view class="text">
				<text class="texts">订单竟然是空的</text>
				<text>记得去养车或加油可以省钱哟</text>
			</view>
		</view>
		<view v-else-if="notType === 'store_rate'" class="data">
			<image style="width: 60rpx; height: 72rpx;" src="../../static/images/zwpj_icon.png" mode="widthFix"></image>
			<text>暂无评价</text>
		</view>
	</view>
</template>

<script lang="ts" setup>
	defineProps({
		height: {
			type: String,
			default: '100%'
		},
		notType: {
			type: String,
			default: ''
		}
	})
</script>

<style lang="scss" scoped>
	.i-notData {
		@include flexCC;
		overflow: hidden;

		image {
			width: 100rpx;
			margin-bottom: 24rpx
		}

		.data {
			@include flexCC;
		}

		.text {
			@include flexCC;
			.texts {
				@include contentfont(28rpx);
				margin-bottom: 12rpx;
			}
			text {
				@include dfont(24rpx);
				color: #C7C7CC;
			}
		}

		text {
			@include contentfont(24rpx);
		}
	}
</style>